<template>
  <div class="product-empty-col-wrap" :class="{ vertical: isVerticalNav }">
    <img
      src="../../../assets/superBrand/icon-product-empty.png"
      :class="{ vertical: isVerticalNav }"
    />
    <p>精选好货 低价抢购</p>
  </div>
</template>

<script>
export default {
  name: 'productEmptyCol',
  props: {
    isVerticalNav: {
      type: Boolean,
      default: false
    }
  }
};
</script>

<style lang="scss" scoped>
.product-empty-col-wrap {
  width: 174px;
  height: 291px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  &.vertical {
    width: 150px;
    height: 267px;
  }
  img {
    width: 174px;
    height: 174px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    &.vertical {
      width: 150px;
      height: 150px;
    }
  }
  p {
    color: #b3b3b3;
    font-size: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: 16px;
  }
}
</style>
